<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>蜂巢装修网-家居商城</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="font_icon/iconfont.css" />
    <link rel="stylesheet" href="css/shoppingMall.css">

    <link rel="stylesheet" href="./lib/swiper/swiper.min.css">

    
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="header_wrap w">
            <ul>
                <li>
                    <i class="iconfont">
                        &#xe603;
                    </i>
                </li>
                <li>
                    <span id="city">
                        金华
                    </span>
                </li>
                <li>
                    <a id="switch" href="javascript:;">[切换]</a>
                </li>
            </ul>
            <ul class="right">
                <li>
                    <span>
                        欢迎进入蜂巢网~
                    </span>
                </li>
                <li>
                <li>
                    <a id="login" href="../蜂巢装修网前端页面/fc-owner-login.html">
                        登录
                    </a>
                </li>
                <li>
                    <a id="Register" href="../蜂巢装修网前端页面/fc-register.html">
                        注册
                    </a>
                </li>
                <li class="Hotline">
                    <a href="../蜂巢装修网前端页面/fc-index.html">
                        | 返回首页
                    </a>
                </li>
            </ul>
        </div>
        <!-- 城市切换表 -->
        <div class="city_switchover hide-us" id="city_switchover">
            <div class="transition"></div>
            <div class="hot_citys">
                <p class="hot_city_title">热门城市：</p>
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">北京</a>
                    </li>
                    <li>
                        <a href="javascript:;">上海</a>
                    </li>
                    <li>
                        <a href="javascript:;">广州</a>
                    </li>
                    <li>
                        <a href="javascript:;">深圳</a>
                    </li>
                    <li>
                        <a href="javascript:;">成都</a>
                    </li>
                    <li>
                        <a href="javascript:;">重庆</a>
                    </li>
                    <li>
                        <a href="javascript:;">武汉</a>
                    </li>
                    <li>
                        <a href="javascript:;">沈阳</a>
                    </li>
                    <li>
                        <a href="javascript:;">大连</a>
                    </li>
                    <li>
                        <a href="javascript:;">郑州</a>
                    </li>
                    <li>
                        <a href="javascript:;">西安</a>
                    </li>
                    <li>
                        <a href="javascript:;">南京</a>
                    </li>
                    <li>
                        <a href="javascript:;">苏州</a>
                    </li>
                    <li>
                        <a href="javascript:;">无锡</a>
                    </li>
                    <li>
                        <a href="javascript:;">武汉</a>
                    </li>
                    <li>
                        <a href="javascript:;">徐州</a>
                    </li>
                    <li>
                        <a href="javascript:;">杭州</a>
                    </li>
                    <li>
                        <a href="javascript:;">宁波</a>
                    </li>
                    <li>
                        <a href="javascript:;">天津</a>
                    </li>
                    <li>
                        <a href="javascript:;">昆明</a>
                    </li>
                    <li>
                        <a href="javascript:;">南宁</a>
                    </li>
                    <li>
                        <a href="javascript:;">合肥</a>
                    </li>
                    <li>
                        <a href="javascript:;">长沙</a>
                    </li>
                    <li>
                        <a href="javascript:;">青岛</a>
                    </li>
                    <li>
                        <a href="javascript:;">泉州</a>
                    </li>
                    <li>
                        <a href="javascript:;">兰州</a>
                    </li>
                    <li>
                        <a href="javascript:;">东莞</a>
                    </li>
                    <li>
                        <a href="javascript:;">惠州</a>
                    </li>
                    <li>
                        <a href="javascript:;">佛山</a>
                    </li>
                    <li>
                        <a href="javascript:;">贵阳</a>
                    </li>
                    <li>
                        <a href="javascript:;">哈尔滨</a>
                    </li>
                </ul>
                <p class="more_city">
                    <a href="javascript:;">更多>></a>
                </p>
            </div>
        </div>
    </header>
    <!-- 蜂巢网logo和大标题 -->
    <div class="headline w clearfix">
        <h1 class="logo left">
            <a href="#">蜂巢网</a>
        </h1>
        <h2 class="left">
            家居商城</span>
        </h2>
        <div class="nav_search clearfix">
            <input type="text" placeholder="请输入......">
            <a><i class="iconfont">&#xe60a;</i></a>
        </div>
    </div>
    <!-- 商城轮播图 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="img/轮播图/j-banner1.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/轮播图/j-banner2.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/轮播图/j-banner3.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/轮播图/j-banner4.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/轮播图/j-banner5.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/轮播图/j-banner6.png" alt="">
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <!-- <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div> -->
    </div>
    <!-- 商城导航 -->
    <div class="shoppingNav">
        <ul>
            <li>
                <span>厨房</span>
                <i class="iconfont">&#xe606;</i>
            </li>
            <li class="active">
                <span>墙纸</span>
                <i class="iconfont">&#xe606;</i>
            </li>
            <li>
                <span>床上用品</span>
                <i class="iconfont">&#xe606;</i>
            </li>
            <li>
                <span>灯具</span>
                <i class="iconfont">&#xe606;</i>
            </li>
            <li>
                <span>地板</span>
                <i class="iconfont">&#xe606;</i>
            </li>
            <li>
                <span>电器</span>
                <i class="iconfont">&#xe606;</i>
            </li>
            <li>
                <span>饰品</span>
                <i class="iconfont">&#xe606;</i>
            </li>
            <li>
                <span>窗帘</span>
                <i class="iconfont">&#xe606;</i>
            </li>
            <li>
                <span>沙发</span>
                <i class="iconfont">&#xe606;</i>
            </li>
            <li>
                <span>家装主材</span>
                <i class="iconfont">&#xe606;</i>
            </li>
        </ul>
    </div>
    <!-- 好物推荐 -->
    <div class="thingsRecommend">
        <div class="thingsRecommend_title">
            <h3>好物推荐</h3>
            <hr>
        </div>
        <div class="thingsRecommend_content w clearfix">
            <div class="left">
                <div class="thing1">
                    <img src="img/其他/厨房水池.png" alt="">
                    <div>
                        <h3>黑色纳米吧台<br>迷你小水槽</h3>
                        <span>￥450</span>
                    </div>
                </div>
                <div class="thing2">
                    <div>
                        <h3>德斯图淋浴花洒<br>自带置物架</h3>
                        <span>￥1099</span>
                    </div>
                    <img src="img/其他/花洒.png" alt="">
                </div>
            </div>
            <div class="centre">
                <div class="thing3">
                    <div>
                        <br>
                        <h3>土耳其进口复古样板房地毯</h3>
                        <span>￥1260</span>
                    </div>
                    <img src="img/其他/地毯.png" alt="">
                </div>
            </div>
            <div class="right">
                <div class="thing4">
                    <div>
                        <h3>现代简约吊灯<br>创意吧台小吊灯</h3>
                        <span>￥128</span>
                    </div>
                    <img src="img/其他/吊灯.png" alt="">
                </div>
                <div class="thing5">
                    <img src="img/其他/桌罩.png" alt="">
                    <div>
                        <h3>原创田园风<br>文艺电炉罩</h3>
                        <span>￥416</span>
                    </div>
                </div>
            </div>
            <div class="bottom clearfix">
                <div class="thing6 left">
                    <img src="img/其他/收纳柜.png" alt="">
                    <div>
                        <h3>北欧白橡木客厅储物边柜</h3>
                        <span>￥5200</span>
                    </div>
                </div>
                <div class="thing7 right">
                    <img src="img/其他/沙发2.png" alt="">
                    <div>
                        <h3>现代简约科技布沙发<br>小户型家具</h3>
                        <span>￥1899</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 特价优惠 -->
    <div class="specialOffer">
        <div class="specialOffer_title">
            <h3>优惠活动</h3>
            <hr>
        </div>
        <div class="specialOffer_content w clearfix">
            <div>
                <img src="img/其他/特价1.jpg" alt="">
                <p>整装排骨架 大容量储物床1.8米双人高箱床</p>
                <div class="offer">
                    <h2>￥1899</h2>
                    <span>
                        <i>7.9折</i>
                        <em>￥2390</em>
                    </span>
                    <h3>GO</h3>
                </div>
            </div>
            <div>
                <img src="img/其他/特价2.jpg" alt="">
                <p>至简尚品 上等实木框架 精美罗马柱桌脚 独</p>
                <div class="offer">
                    <h2>￥1388</h2>
                    <span>
                        <i>8.8折</i>
                        <em>￥1577</em>
                    </span>
                    <h3>GO</h3>
                </div>
            </div>
            <div>
                <img src="img/其他/⁮特价3.jpg" alt="">
                <p>坐感舒适 时尚大气 贵妃位茶几带USB端</p>
                <div class="offer">
                    <h2>￥2999</h2>
                    <span>
                        <i>7.9折</i>
                        <em>￥3799</em>
                    </span>
                    <h3>GO</h3>
                </div>
            </div>
            <div>
                <img src="img/其他/特价4.jpg" alt="">
                <p>实木板式衣橱衣柜 卧室简约经济型组装储物</p>
                <div class="offer">
                    <h2>￥3999</h2>
                    <span>
                        <i>8.9折</i>
                        <em>￥4999</em>
                    </span>
                    <h3>GO</h3>
                </div>
            </div>
            <div>
                <img src="img/其他/特价5.jpg" alt="">
                <p>附赠衣柜式爬梯+单抽拖床 多功能儿童高低</p>
                <div class="offer">
                    <h2>￥2580</h2>
                    <span>
                        <i>6.9折</i>
                        <em>￥3739</em>
                    </span>
                    <h3>GO</h3>
                </div>
            </div>
            <div>
                <img src="img/其他/特价6.jpg" alt="">
                <p>现代风格 户外阳台藤艺沙发休闲桌椅套装（1桌</p>
                <div class="offer">
                    <h2>￥1880</h2>
                    <span>
                        <i>8.9折</i>
                        <em>￥2110</em>
                    </span>
                    <h3>GO</h3>
                </div>
            </div>
        </div>
    </div>
    <!-- 热门活动 -->
    <div class="hotEvents">
        <div class="hotEvents_title">
            <h3>热门活动</h3>
            <hr>
        </div>
        <div class="hotEvents_content w clearfix">
            <div>
                <h2>实木家具</h2>
                <p>购实木 够实在</p>
                <input type="button" value="进入专区">
            </div>
            <div>
                <h2>小户型</h2>
                <p>一物多用 省空间</p>
                <input type="button" value="进入专区">
            </div>
            <div>
                <h2>儿童家具</h2>
                <p>轻松应对二孩时代</p>
                <input type="button" value="进入专区">
            </div>
            <div>
                <h2>12.12嗨购</h2>
                <p>全场满5000减500</p>
                <input type="button" value="进入专区">
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <footer>
        <div class="footer_info w">
            <ul class="clearfix">
                <li>
                    <a href="./fc-aboutFC.html">关于我们</a>
                </li>
                <li>
                    <a href="./fc-contactUs.html">联系我们</a>
                </li>
                <li>
                    <a href="./fc-feedback.html">意见反馈</a>
                </li>
                <li>
                    <a href="./fc-businessCooperation.html">商务合作</a>
                </li>
                <li>
                    <a href="./fc-legalNotice.html">法律声明</a>
                </li>
            </ul>
            <p>免责声明：本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。© 2018 蜂巢装修网 保留所有权利</p>
            <p class="footer-company-icp">
                <span>中国装修网 <a href="http://www.miitbeian.gov.cn/" target="_blank"
                        rel="nofollow">增值电信业务许可证：粤B2-20120566号</a></span>
                <span><a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow"
                        class="footer_y_icp">粤ICP备08125558号-1</a></span>
                <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502001458"
                    class="footer_new_ga" rel="nofollow">
                </a>
                <a href="https://szcert.ebs.org.cn/c0adeb1a-0ad1-476b-b4bd-661a79e90877" target="_blank"
                    title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" rel="nofollow">
                </a>
                <a href="http://www.cyberpolice.cn/wfjb/" target="_blank" rel="nofollow">
                    <i class="iconfont icon1">&#xe629;</i>
                </a>
                <a href="http://www.cyberpolice.cn/wfjb/" target="_blank" rel="nofollow">
                </a>
                <a href="https://search.szfw.org/cert/l/CX20140929005207005275" target="_blank" rel="nofollow">
                    <i class="iconfont icon2">&#xe633;</i>
                </a>
                <a href="http://si.trustutn.org/info?sn=345170814029859496005&amp;certType=1" target="_blank"
                    rel="nofollow">
                    <i class="iconfont icon3">&#xe62f;</i>
                </a>
            </p>
        </div>
    </footer>

    <script src="./lib/jquery/jquery.min.js"></script>
    <script src="./lib/swiper/swiper.min.js"></script>
    <script src="js/fc-base.js"></script>
    <script>
        // 轮播图
        var mySwiper = new Swiper('.swiper-container', {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            }, // 循环模式选项

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        })   
    </script>
</body>


</html>